<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/exp.css"/>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
			<div class="wrap-into">
				<p><img src="img/logb2_03.png"/></p>
				<div class="content">
					<h4>新人福利体验礼包 30G币+1个月VIP</h4>
					<p>1.新注册绑定店铺即可获得30G币免费体验+1个月VIP<br>30G币=（自然搜索纯点击/50个&直通车纯点击/40个）<br>2.新注册用户第一笔单笔充值2000元，送300G币。<br>（其中200G币需客服手动调整）<br>小9指南：完成注册步骤→绑定店铺→领取体验礼包</p>
					<a href="#">立即领取</a>
				</div>
				<div class="content">
					<h4>招募合伙人 18%首充返利+9%续费返利</h4>
					<p>1.合伙人福利<br>邀请商家注册91人气，充值返佣（前10次充值）：<br>每月邀请人数达05次，按首充金额返12%；按续费金额返5%；<br>每月邀请人数达20次，按首充金额返15%；按续费金额返7%<br>每月邀请人数达40次，按首充金额返18%；按续费金额返9%；<br>2.商家福利<br>被合伙人邀请注册的商家，将获得招募buff，免费领取VIP会员3个月！<br>小9指南：邀请商家注册→被邀请商家充值→获得邀请返利</p>
					<a href="#">立即招募</a>
				</div>
				<div class="content">
					<div>
						<h4>常规活动</h4>
						<p>
							<font>每天有福利，常规活动欧冠用不断</font>
							1.充值就送VIP<br>单笔首充2000赠送3个月VIP。<br>单笔首充5000赠送半年VIP。<br>2.充值不止送G币<br>充值可获得响应人气值。<br>人气值可用于抽奖、兑换等活动；<br>充值送G币单笔直冲达到相应金额，<br>赠送不同档位G币。
						</p>
						<a href="#">立即参与</a>
					</div>
					<div>
						<h4>主题活动</h4>
						<p>
							<font>新版预热礼，前奏多重豪礼赠</font>
							1.发布任务篇<br>只要发布一次任务，即可免费参与抽奖。<br>2.周期内每天累计任务量，达标领对应奖励。<br>3.挑战大礼篇<br>本活动期间累计任务量，达标领取挑战礼。<br>4.充值奖励篇<br>以千为单位充值的商家，额外获得神秘礼。
						</p>
						<div class="line"></div>
					</div>
				</div>
			</div>
		</div>
		<nav>
			<p href="#">
				<span>新人buff<br>新人体验礼，会员G币免费拿</span>
				<img src="img/logb2_07.png"/>
			</p>
			<p href="#">
				<span>合伙人buff<br>91募英才，首充返利加续费返利</span>
				<img src="img/logb2_09.png"/>
			</p>
			<p href="#">
				<span>活动buff<br>每天有福利，每月有惊喜。perfect！</span>
				<img src="img/logb2_12.png"/>	
			</p>
		</nav>
	</body>
	<script type="text/javascript">
		$(function(){
			var navUrlArr = [
				{"init":"img/logb2_07.png","hover":"img/logb3_07.png"},
				{"init":"img/logb2_09.png","hover":"img/logb3_09.png"},
				{"init":"img/logb2_12.png","hover":"img/logb3_12.png"}
			];
			$('nav p').each(function(index){
				$(this).mouseenter(function(){
					$('nav img').eq(index).attr('src',navUrlArr[index].hover);
					$(this).mouseleave(function(){
						$('nav img').eq(index).attr('src',navUrlArr[index].init);
					});
				});	
			});
			var changePosArr = [[-1200,100],[0,-700],[1200,100]];
			move(0);
			$('nav p').each(function(index){
				$(this).click(function(){
					$('.content').hide();
					$('.content').eq(index).show();
					move(index);
					return false;
				});
			});
			function move(index){
				$('.wrap-into').css({
					left:changePosArr[index][0],
					top:changePosArr[index][1]
				});
				$('.wrap-into').animate({
					left:0,
					top:100
				},500);
			}
		});
	</script>
</html>
